<template>
	<!-- 搜索框组件 -->
	<view class="search-container" >
		<view @click="gotoSearchPage" class="item">
			<uni-icons type="search" size="18"></uni-icons>{{placetext}}
		</view>
	</view>
</template>

<script>
	export default {
		name:"my-search",
		props:{
			placetext:{
				type:String,
				default:"你想住在哪儿？",
			}
		},
		data() {
			return {
				
			};
		},
		methods:{
			gotoSearchPage(){
				uni.navigateTo({
					url:'/subpages/house_search/house_search'
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.search-container{
			height: 100rpx;
			width: 100%;
			display: flex;
			justify-content: center;
			align-items: center;
			color: #aaaaaa;
			.item{
				width: 90%;
				height: 100rpx;
				text-align: center;
				line-height: 100rpx;
				background-color: white;
				border-radius: 35rpx;
			}
		}
</style>